<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>鼠标移动到图片上图片等比例放大效果</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.zoomImgRollover.js"></script>
<style type="text/css">
li{list-style:none;width:200px;height:20px;float:left;margin-right:15px;cursor:pointer}
</style>
</head>
<body>
<nav style="margin:20px" class="img_boost">
    <ul>
    	<li><img src="images/cs1.jpg" id="testimg" width="200px" height="200px"></li>
        <li><img src="images/cs2.jpg" id="testimg" width="200px" height="200px"></li>
    </ul>
</nav>
</body>
</html>

